<!--这是公众号设置-上传图片组件-->
<template>
  <div>
    <p class="filter"></p>
    <div class="alertBox">
	    <h3 class="fixTitle"><span>上传图片</span>
	    	<p>
	    		<em style="cursor: pointer;" @click="close"><svg-icon icon-class="cha" class="font-size16" /></em>
	    	</p>
	    </h3>
	    <div class="formBox" style="border-bottom: 1px solid #ddd; padding: 10px 0;">
	    	<p><label>上传图片:</label><input type="file" /></p>
	    </div>
	    <p style="text-align: center;margin: 20px 0;">
			<el-button type="primary" icon="el-icon-check">更改</el-button>
			<el-button type="info" @click="close">取消</el-button>
		</p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
    }
  },
  methods: {
    close() {
      this.$emit('hideUpload', false)
    }
  }
}
</script>
<style scoped>
    p,h3 {margin:0;padding:0}
	h3{
		font-weight: 500;
		font-size: 14px;
		height: 46px;
		border-bottom: 1px solid #ddd;
		padding: 0 20px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	h3 em:hover{
		color: #0E90D2;
	}
	.font-size16{
		font-size: 16px;
	}
	.filter {
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.3);
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
	}
	.alertBox{
		width: 500px;
		height: 200px;
		background: #fff;
		position: fixed;
		left: 31%;
		top: 25%;
		z-index: 101;
	}
	p label{
		display: inline-block;
		width: 100px;
		text-align: right;
		font-size: 14px;
		margin-right: 40px;
	}
	.formBox p{
		line-height: 50px;
	}
</style>